<style>
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
    }

    input {
        outline: none;
    }

    i, em {
        font-style: normal;
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
    }

    ol, ul {
        list-style: none;
    }

    blockquote, q {
        quotes: none;
    }

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
    }

    body {
        font-size: 12px;
        font-family: "Microsoft Yahei";
        -webkit-text-size-adjust: 100%;
        background-color: #f2f3f5;
    }

    img, select, input, label, textarea {
        vertical-align: middle;
    }

    img {
        border: none;
    }

    .clearfix {
        clear: both;
        zoom: 1;
    }

    .clearfix:after {
        display: block;
        overflow: hidden;
        clear: both;
        height: 0;
        visibility: hidden;
        content: ".";
    }

    a {
        text-decoration: none;
        cursor: pointer;
        color: #000;
    }

    a:hover {
        text-decoration: none;
    }

    .app-container {
        background: url('<%- Virtual_Path.Static %>main/image/app/download/pc/app_body.jpg') no-repeat top center;
        position: relative;
        height: 802px;
    }

    .app-mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.8);
    }

    .container {
        width: 1200px;
        margin: 0 auto;
        height: 100%
    }

    .app-download {
        position: relative;
        height: 100%
    }

    .download-desc {
        position: absolute;
        top: 204px;
        left: 80px;
    }

    .download-btn {
        width: 220px;
        height: 72px;
        display: inline-block;
        position: absolute;
        left: 80px;
    }

    .download-iphone {
        top: 380px;
        background: url('<%- Virtual_Path.Static %>main/image/app/download/pc/iphone.png') center top no-repeat;
    }

    .download-android {
        top: 484px;
        background: url('<%- Virtual_Path.Static %>main/image/app/download/pc/android.png') center top no-repeat;
    }

    .download-code {
        position: absolute;
        left: 320px;
        top: 380px;
    }

    .download-mobile {
        position: absolute;
        left: 574px;
        top: 300px;
    }
</style>
</head>
<body>
<div class="app-container">
    <div class="app-mask"></div>
    <div class="container">
        <div class="app-download">
            <!--<a href="https://at.umeng.com/4PPDSr" target="_blank" class="download-btn download-iphone">即将登场</a>-->
            <a class="download-btn" style="color: #ffd000;font-size: 29px;top: 380px;">iPhone 即将登场</a>
            <a href="https://www.pgyer.com/quanminxiu" target="_blank" class="download-btn download-android"></a>
            <a href="javascript:;" class="download-code">
                <img src="<%- Virtual_Path.Static %>main/image/app/download/pc/code.png" alt="扫描二维码下载">
            </a>
            <img src="<%- Virtual_Path.Static %>main/image/app/download/pc/app_bg.png" alt="描述" class="download-desc">
            <!--<img src="<%- Virtual_Path.Static %>main/image/app/download/pc/mobile.png" alt="手机" class="download-mobile">-->
        </div>
    </div>
</div>
